/* uni.scss */
@import 'uview-ui/theme.scss';
@import 'uview-ui/index.scss';

/* 全局主题变量 */
$u-main-color: #303133;
$u-content-color: #606266;
$u-tips-color: #909399;
$u-light-color: #c0c4cc;
$u-border-color: #e4e7ed;
$u-bg-color: #f3f4f6;
$u-disabled-color: #c8c9cc;

$u-type-primary: #2979ff;
$u-type-primary-light: #ecf5ff;
$u-type-primary-disabled: #a0cfff;
$u-type-primary-dark: #2b85e4;

$u-type-warning: #ff9900;
$u-type-warning-light: #fdf6ec;
$u-type-warning-disabled: #fcbd71;
$u-type-warning-dark: #f29100;

$u-type-success: #19be6b;
$u-type-success-light: #dbf1e1;
$u-type-success-disabled: #71d5a1;
$u-type-success-dark: #18b566;

$u-type-error: #fa3534;
$u-type-error-light: #fef0f0;
$u-type-error-disabled: #fab6b6;
$u-type-error-dark: #dd6161;

$u-type-info: #909399;
$u-type-info-light: #f4f4f5;
$u-type-info-disabled: #c8c9cc;
$u-type-info-dark: #82848a;

/* ==================== Mars Admin 扩展样式变量 ==================== */

/* 主题色彩扩展 */
$ma-color-primary: $u-type-primary;
$ma-color-primary-light: $u-type-primary-light;
$ma-color-primary-dark: $u-type-primary-dark;

$ma-color-success: $u-type-success;
$ma-color-warning: $u-type-warning;
$ma-color-error: $u-type-error;
$ma-color-info: $u-type-info;

/* 文字色彩 */
$ma-color-text-primary: $u-main-color;
$ma-color-text-regular: $u-content-color;
$ma-color-text-secondary: $u-tips-color;
$ma-color-text-placeholder: $u-light-color;

/* 背景色彩 */
$ma-color-bg-page: #f5f6fa;
$ma-color-bg-white: #ffffff;
$ma-color-bg-light: #f8f9fa;

/* 边框色彩 */
$ma-color-border-base: $u-border-color;
$ma-color-border-light: #ebeef5;
$ma-color-border-lighter: #f2f6fc;

/* 字体规范 */
$ma-font-size-xs: 20rpx;
$ma-font-size-sm: 24rpx;
$ma-font-size-base: 28rpx;
$ma-font-size-lg: 32rpx;
$ma-font-size-xl: 36rpx;

/* 间距规范 */
$ma-padding-xs: 10rpx;
$ma-padding-sm: 20rpx;
$ma-padding-base: 30rpx;
$ma-padding-lg: 40rpx;

$ma-margin-xs: 10rpx;
$ma-margin-sm: 20rpx;
$ma-margin-base: 30rpx;
$ma-margin-lg: 40rpx;

/* 圆角规范 */
$ma-border-radius-xs: 4rpx;
$ma-border-radius-sm: 8rpx;
$ma-border-radius-base: 12rpx;
$ma-border-radius-lg: 20rpx;

/* 阴影规范 */
$ma-shadow-light: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
$ma-shadow-base: 0 4rpx 20rpx rgba(0, 0, 0, 0.12);
$ma-shadow-dark: 0 8rpx 30rpx rgba(0, 0, 0, 0.16);

/* 动画时长 */
$ma-animation-duration-fast: 0.2s;
$ma-animation-duration-base: 0.3s;
$ma-animation-duration-slow: 0.5s;

/* 其他您自定义的全局样式 */
